<template>
  <el-form :model="detailForm" v-loading="loading" class="elForm">
    <el-card class="box-card" shadow="never">
      <div slot="header" class="header-card">
        <span class="header-card-title">完善信息</span>
      </div>

      <el-row :gutter="24">
        <el-col :span="12">
          <el-form-item label="入库里程:" prop="inboundMileage">
            <span>{{ detailForm.inboundMileage }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="入库油量:" prop="inboundOilQuantity">
            {{ detailForm.inboundOilQuantity }}
          </el-form-item>
        </el-col>

      </el-row>

      <el-row :gutter="24">
        <el-col :span="12">
          <el-form-item label="上传里程表:" prop="inboundMileageOss">
            <image-common v-model="detailForm.inboundMileageOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" style="margin-top: 16px">
          <el-form-item label="上传油量表:" prop="inboundOilQuantityOss">
            <image-common v-model="detailForm.inboundOilQuantityOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" style="margin-top: 16px">
          <el-form-item label="上传行驶证:" prop="drivingLicenseOss">
            <image-common v-model="detailForm.drivingLicenseOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" style="margin-top: 16px">
          <el-form-item label="上传车辆照片:" prop="carPhotoOss">
            <image-common v-model="detailForm.carPhotoOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" style="margin-top: 16px">
          <el-form-item label="上传登记证照片:" prop="registrationCertificateOss">
            <image-common v-model="detailForm.registrationCertificateOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" style="margin-top: 16px">
          <el-form-item label="附件:" prop="carNo">
            <image-common v-model="detailForm.inboundOilQuantityOss" :disabled="true" :upType="2"/>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="备注:" prop="carNo">
            <span>{{ detailForm.remark }}</span>
          </el-form-item>
        </el-col>
      </el-row>

    </el-card>
  </el-form>
</template>

<script>
import {getVehicleStorageMessage} from "@/api/zcwh/vehicleTabs.js";

export default {
  name: 'index',
  props: ['carId'],
  computed: {},
  watch: {},
  data() {
    return {
      detailForm: {},
      loading: false
    };
  },
  created() {
    this.handleData()
  },
  mounted() {
  },
  methods: {
    async handleData() {
      this.loading = true
      try {
        const res = await getVehicleStorageMessage(this.carId)
        this.detailForm = res.data || {}
      } catch (e) {
        console.error(e)
      } finally {
        this.loading = false
      }

    },
  },
};
</script>

<style lang="scss" scoped>
@import "@/styles/cwgd/formScss.scss";
</style>


